<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>批改结果 - 作文批改小程序</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  <link rel="stylesheet" href="../css/styles.css">
</head>
<body>
  <div class="device-container">
    <div class="status-bar">
      <div></div>
      <div class="time">12:30</div>
      <div class="icons"></div>
    </div>
    
    <div class="app-content">
      <div class="container">
        <div style="display: flex; align-items: center; margin-bottom: 20px;">
          <a href="upload.html" style="color: var(--dark-gray); margin-right: 16px;">
            <i class="fas fa-arrow-left"></i>
          </a>
          <h2 style="margin: 0;">批改结果</h2>
        </div>
        
        <div class="card">
          <div class="correction-header">
            <div>
              <h3 style="margin: 0; margin-bottom: 8px;">我的暑假生活</h3>
              <div style="color: var(--dark-gray); font-size: 14px;">四年级记叙文 | 批改时间: 2023-06-05</div>
            </div>
            <div class="score">85</div>
          </div>
          
          <div class="divider"></div>
          
          <h4>综合评价</h4>
          <p>这是一篇内容丰富、结构完整的记叙文，作者描述了暑假生活中的多个场景，语言表达流畅。但在细节描写和情感表达方面还有提升空间，可以增加更多感官描写和个人感受。</p>
          
          <div class="divider"></div>
          
          <h4>能力分析</h4>
          <div style="display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px;">
            <div class="feedback-tag">
              <i class="fas fa-check-circle" style="margin-right: 4px;"></i>
              结构完整
            </div>
            <div class="feedback-tag">
              <i class="fas fa-check-circle" style="margin-right: 4px;"></i>
              内容丰富
            </div>
            <div class="feedback-tag" style="background-color: rgba(255, 193, 7, 0.1); color: #FFC107;">
              <i class="fas fa-exclamation-circle" style="margin-right: 4px;"></i>
              细节描写不足
            </div>
            <div class="feedback-tag" style="background-color: rgba(255, 193, 7, 0.1); color: #FFC107;">
              <i class="fas fa-exclamation-circle" style="margin-right: 4px;"></i>
              情感表达欠缺
            </div>
          </div>
          
          <div style="display: flex; margin-bottom: 20px;">
            <div style="flex: 1; text-align: center;">
              <div style="font-size: 14px; color: var(--dark-gray);">内容</div>
              <div style="height: 4px; background-color: var(--medium-gray); border-radius: 2px; margin: 8px 0;">
                <div style="height: 100%; width: 80%; background-color: var(--primary-color); border-radius: 2px;"></div>
              </div>
              <div style="font-size: 14px; font-weight: 600;">80%</div>
            </div>
            <div style="flex: 1; text-align: center;">
              <div style="font-size: 14px; color: var(--dark-gray);">结构</div>
              <div style="height: 4px; background-color: var(--medium-gray); border-radius: 2px; margin: 8px 0;">
                <div style="height: 100%; width: 90%; background-color: var(--primary-color); border-radius: 2px;"></div>
              </div>
              <div style="font-size: 14px; font-weight: 600;">90%</div>
            </div>
            <div style="flex: 1; text-align: center;">
              <div style="font-size: 14px; color: var(--dark-gray);">语言</div>
              <div style="height: 4px; background-color: var(--medium-gray); border-radius: 2px; margin: 8px 0;">
                <div style="height: 100%; width: 85%; background-color: var(--primary-color); border-radius: 2px;"></div>
              </div>
              <div style="font-size: 14px; font-weight: 600;">85%</div>
            </div>
          </div>
          
          <div class="divider"></div>
          
          <h4>作文批改</h4>
          <div class="essay-text">
            暑假生活<span class="highlight">（建议改为更具体的标题，如"难忘的暑假生活"）</span>

今年暑假，我过得非常充实。<span class="highlight">（可以增加一句概括暑假主要做了哪些事情）</span>

暑假的第一周，我和爸爸妈妈一起去了海边。<span class="highlight">（"玩的"应为"玩得"，建议增加具体的活动描述，如"我们在海边堆沙堡、捡贝壳、戏水，笑声在海风中回荡"）</span>阳光照在海面上，波光粼粼，非常美丽。

第二周，我开始参加了英语夏令营。老师教了我们很多有趣的单词和句子。<span class="highlight">（可以举例说明学到了哪些单词或句子，以及如何应用）</span>我还认识了几个新朋友，我们一起学习，一起游戏。

第三周，我在家里看了很多书。<span class="highlight">（建议具体说明看了哪些书，以及读后感）</span>妈妈说读书可以增长知识，我觉得很有道理。

暑假的最后一周，我完成了暑假作业。<span class="highlight">（建议改为"虽然作业很多，但我合理安排时间，认真完成了每一项任务，感到很有成就感"）</span>

这个暑假真是太棒了！<span class="highlight">（可以增加一段总结，表达对这个暑假的感受和收获）</span>
          </div>
          
          <div class="divider"></div>
          
          <h4>提升建议</h4>
          <div class="list-item">
            <div class="list-item-icon">
              <i class="fas fa-lightbulb"></i>
            </div>
            <div class="list-item-content">
              <div class="list-item-title">增加细节描写</div>
              <div class="list-item-subtitle">运用更多感官描写，如视觉、听觉、嗅觉等，让读者身临其境</div>
            </div>
          </div>
          
          <div class="list-item">
            <div class="list-item-icon">
              <i class="fas fa-lightbulb"></i>
            </div>
            <div class="list-item-content">
              <div class="list-item-title">加强情感表达</div>
              <div class="list-item-subtitle">表达自己在不同活动中的感受和心情变化</div>
            </div>
          </div>
          
          <div class="list-item">
            <div class="list-item-icon">
              <i class="fas fa-lightbulb"></i>
            </div>
            <div class="list-item-content">
              <div class="list-item-title">注意语法错误</div>
              <div class="list-item-subtitle">特别是"的、地、得"的用法，需要多加练习</div>
            </div>
          </div>
          
          <div style="margin-top: 20px;">
            <a href="upload.html" class="btn btn-block">
              <i class="fas fa-camera"></i>
              继续批改新作文
            </a>
          </div>
        </div>
      </div>
    </div>
    
    <div class="tab-bar">
      <div class="tab-item" data-href="home">
        <i class="fas fa-home"></i>
        <span>首页</span>
      </div>
      <div class="tab-item active" data-href="upload">
        <i class="fas fa-camera"></i>
        <span>批改</span>
      </div>
      <div class="tab-item" data-href="recharge">
        <i class="fas fa-coins"></i>
        <span>积分</span>
      </div>
      <div class="tab-item" data-href="profile">
        <i class="fas fa-user"></i>
        <span>我的</span>
      </div>
    </div>
  </div>
  
  <script src="../js/main.js"></script>
</body>
</html> 